
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<%@ include file="seguridad.jsp" %>
<script src="scripts/ajax.js" language="JavaScript"></script>
<script src="scripts/ajax.js" language="JavaScript"></script>
<script src="js/calendar.js" language="javascript"></script>
<script src="js/calendar-es.js" language="javascript"></script>
<script src="js/calendar-setup.js" language="javascript"></script>

<html>
    <script LANGUAGE="JavaScript">

    function validarfecha(){
            var mydate= new Date()
        var theyear=mydate.getFullYear()+1
        var themonth=mydate.getMonth()+1
        var thetoday=mydate.getDate()
        if(date_diff()<0){
            alert("Fecha final manor que la fecha inicial");
            return;
        }
        var fechaInicio = document.getElementById("fechaInicio").value;

        var fechaInicio = fechaInicio.substr(3, 2)+"/"+fechaInicio.substr(0, 2)+"/"+fechaInicio.substr(6, 4);
        var fechaFin= document.getElementById("fechaFin").value;
        var fechaFin = fechaFin.substr(3, 2)+"/"+fechaFin.substr(0, 2)+"/"+fechaFin.substr(6, 4);
        var ffin = document.getElementById("ffin").value;
        var end=ffin;
        var ffin = ffin.substr(3, 2)+"/"+ffin.substr(0, 2)+"/"+ffin.substr(6, 4);
        var finicio = document.getElementById("finicio").value;
        var begin=finicio;
        var finicio = finicio.substr(3, 2)+"/"+finicio.substr(0, 2)+"/"+finicio.substr(6, 4);
        if(dateWithin(finicio,ffin,fechaInicio )==false){
            alert("Fuera del rango de las fecha"+begin+"a "+end)
            return;
        }
        if(dateWithin(finicio,ffin,fechaFin )==false){
            alert("Fuera del rango de las fecha"+begin+"a "+end)
            return;
        }
        insertar();

        }



        function validando(suma){
            //alert("hola");

            var presin = Math.floor(document.getElementById("presupuesto").value);
            //alert("presupuesto"+presin);
            var tFMe = document.getElementById("opcion").value;
            //alert("opcion"+tFMe);
            var cant = Math.floor(document.getElementById("presupActPer").value);
            //alert("presupActPer"+cant);
            var presup = Math.floor(document.getElementById("presupuestota").value);
            //alert("presupuestota"+presup);
            var suma=Math.floor(suma);
            //alert("suma"+suma);

         if(document.getElementById("tarea").value==""){
                alert("Ingresar la tarea");
            }
            else
            if(document.getElementById("responsable").value==""){
                alert("Ingresar el responsable");
            }
            else
            if(document.getElementById("um").value==""){
                alert("Ingresar la descripción");
            }
        else
            if(document.getElementById("cantTActividad").value==0){
                alert("Ingresar la cantidad");
            }
        else
            if(document.getElementById("tipoN").value==-1){
                alert("Seleccionar la unidad de medida");
            }
        else
            if(document.getElementById("fechaInicio").value==""){
                alert("Ingresar fecha inicial");
            }
        else
            if(document.getElementById("fechaFin").value==""){
                alert("Ingresar Fecha Final");
            }
        else{



         if(tFMe==1){
                if(presup+suma<=cant){
                    validarfecha();
                }
                else{
                    alert("La suma no debe exceder del preuspuesto "+cant);
                }
            }

            if(tFMe==2){
                if(suma-presin+presup<=cant){
                    validarfecha();
                }
                else{
                    alert("La suma no debe exceder del preuspuesto "+cant);
                }
            }

        }

        //if(tFMe==3){
          //          insertar();


            //}

        }




        function editar(pk,tarea,fechaInicio,fechaFin,responsable,um,tipoN,ppto,pptoinicial,cantidad){
            document.getElementById("presupuesto").value=pptoinicial;
            document.getElementById("presupuestota").value=ppto;
            document.getElementById("pk").value=pk;
            document.getElementById("tarea").value=tarea;
            document.getElementById("fechaInicio").value=fechaInicio;
            document.getElementById("fechaFin").value=fechaFin;
            document.getElementById("responsable").value=responsable;
            document.getElementById("um").value=um;
            document.getElementById("tipoN").value=tipoN;
            document.getElementById("cantTActividad").value=cantidad;
      
            document.getElementById("opcion").value=2;
        
        }



        function contar(texto,e){

            document.getElementById("contador").value=document.getElementById("tarea").value.length;

            if (texto.length >= 250 ) {
                if (navigator.appName == "Netscape") tecla = e.which
                else tecla = e.keyCode
                if (tecla != 8) return false
            }
            return true

        }

        function ppto(pk,tarea,ppto,inimes,finmes){
  
            var form = document.getElementById("PEIForm");
       
            var descObj = document.getElementById("descObj").value;
       
            var descActPer = document.getElementById("descActPer").value;
        
            var descObjEsp = document.getElementById("descObjEsp").value;
            var presupActPer = document.getElementById("presupActPer").value;
            var idActividad = document.getElementById("fkAct").value;

        
        
            form.action="PEI.do?dispatch=listarPPTOM&pk="+pk+"&tarea="+tarea
                +"&ppto="+ppto+"&descObj="+descObj+"&descObjEsp="+descObjEsp+"&descActPer="+descActPer+"&inimes="+inimes+"&finmes="+finmes+"&presupActPer="+presupActPer+"&idActividad="+idActividad;

        
            form.method="post";
        
            form.submit();
        
        }

        function meta(pk,tarea,um,tipoN,inimes,finmes,cantTA){
    	  
            var form = document.getElementById("PEIForm");
       
            var descObj = document.getElementById("descObj").value;
       
            var descActPer = document.getElementById("descActPer").value;
        
            var descObjEsp = document.getElementById("descObjEsp").value;
            var presupActPer = document.getElementById("presupActPer").value;
            var idActividad = document.getElementById("fkAct").value;

     
            form.action="PEI.do?dispatch=listarMetaTareaM&pk="+pk+"&tarea="+tarea
                +"&um="+um+"&tipoN="+tipoN+"&descObj="+descObj+"&descObjEsp="+descObjEsp+"&descActPer="+descActPer+"&inimes="+inimes+"&finmes="+finmes+"&cantTA="+cantTA+"&presupActPer="+presupActPer+"&idActividad="+idActividad;

            form.method="post";
        
            form.submit();
        
        }


        function eliminar(pk){

        if (confirmAction()==false) return;
       
            var ppto=0;
            var tipo=3;
   
            var fkAct= document.getElementById("fkAct").value;
      
            var pk =pk;
      
            var tarea ="";
      
            var um ="";
   
            var tipoN =0;
 
   
            var responsable = "";
    
            var fechaInicio = "";
    
            var fechaFin= "";
            var pap=0;

            var presinicial=0;
            var cantTActividad=0;
 
            var idDiv = "divTabla";
    
            var metodo = "GET";
            var url = "consultasAjax/listarTareasActividadAjax.jsp?um="+um+"&tipoN="+tipoN+"&tipo="+tipo+"&pk="+pk+"&fkAct="+fkAct+"&tarea="+tarea+"&responsable="+responsable+"&fechaInicio="+fechaInicio+"&fechaFin="+fechaFin+"&ppto="+ppto+"&pap="+pap+"&presinicial="+presinicial+"&cantTActividad="+cantTActividad;

      
            var cadenaSalida = "";
      
            var async = true;
     
            document.getElementById(idDiv).innerHTML;
    
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
   
            document.getElementById("opcion").value=1;

        }

        function insertar(){

    if (confirmActionGuardar()==false) return;
    




        var presinicial=document.getElementById("presupuesto").value;
        var pap=document.getElementById("presupActPer").value;
        var ppto=document.getElementById("presupuestota").value;
        var tipo=document.getElementById("opcion").value;
        var fkAct= document.getElementById("fkAct").value;
        var pk = document.getElementById("pk").value;
        var tarea = document.getElementById("tarea").value;
        var um = document.getElementById("um").value;
        var tipoN = document.getElementById("tipoN").value;
        var responsable = document.getElementById("responsable").value;

                var fechaInicio = document.getElementById("fechaInicio").value;

                var fechaFin= document.getElementById("fechaFin").value;
                var cantTActividad= document.getElementById("cantTActividad").value;

                var idDiv = "divTabla";

                var metodo = "GET";

                var url = "consultasAjax/listarTareasActividadAjax.jsp?um="+um+"&tipoN="+tipoN+"&tipo="+tipo+"&pk="+pk+"&fkAct="+fkAct+"&tarea="+tarea+"&responsable="+responsable+"&fechaInicio="+fechaInicio+"&fechaFin="+fechaFin+"&ppto="+ppto+"&pap="+pap+"&presinicial="+presinicial+"&cantTActividad="+cantTActividad;

                var cadenaSalida = "";

                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
                document.getElementById("opcion").value=1;
                document.getElementById("presupuestota").value=0;
                document.getElementById("cantTActividad").value=0;
                document.getElementById("pk").value;
                document.getElementById("tarea").value="";
                document.getElementById("um").value="";
                document.getElementById("tipoN").value=-1;
                document.getElementById("responsable").value="";
                document.getElementById("fechaInicio").value="";
                document.getElementById("fechaFin").value="";
            }
        

        function  mostrarTabla(){
      
            var pap=0;
            var ppto=0;
            var tipo=0;
            var fkAct= document.getElementById("fkAct").value;
            var pk = 0;
            var tarea = "";
            var um = "";
            var tipoN = 0;
            var responsable = "";

            var fechaInicio = "";
            var cantTActividad=0;

            var fechaFin= "";
            var presinicial=0;
            var idDiv = "divTabla";
            var metodo = "GET";
      
            var url = "consultasAjax/listarTareasActividadAjax.jsp?um="+um+"&tipoN="+tipoN+"&tipo="+tipo+"&pk="+pk+"&fkAct="+fkAct+"&tarea="+tarea+"&responsable="+responsable+"&fechaInicio="+fechaInicio+"&fechaFin="+fechaFin+"&ppto="+ppto+"&pap="+pap+"&presinicial="+presinicial+"&cantTActividad="+cantTActividad;
        
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
       
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    
        }

    function confirmActionGuardar(){
              if (confirm("Se Guardara los cambios hechos en la pantalla  \n ¿Esta seguro de continuar? "))
                return true;
            else
                return false;
        }

        function confirmAction(){
            if (confirm("Se borrara Tarea, su presupuesto, su meta,  y componentes del registro seleccionado  \n ¿Esta seguro de continuar? "))
                return true;
            else return false;
        }





        function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

        function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                { //alert(ajax.responseText);
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }
        function regresar(){

            var form = document.getElementById("PEIForm");
            form.action="PEI.do?dispatch=listarPlanOperativoModificado";

            form.method="post";

            form.submit();

        }


        function eventoSoloNumeros(){


            var key = event.keyCode;

            if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
                event.returnValue = true;
            else
                event.returnValue = false;

        }


        function isDecimalKey(evt) {
        if (!(evt.keyCode == 46 || (evt.keyCode >= 48 && evt.keyCode <= 57))) return false;
        var parts = evt.srcElement.value.split('.');
        if (parts.length > 2) return false;
        if (evt.keyCode == 46) return (parts.length == 1);
        if (parts[0].length >= 11) return false;
        if (parts.length == 2 && parts[1].length >= 2) return false;
    }

    function posicioninicial(){
            document.getElementById("tarea").focus();
        }

        

        function dateWithin(beginDate,endDate,checkDate) {
	var b,e,c;
	b = Date.parse(beginDate);
	e = Date.parse(endDate);
	c = Date.parse(checkDate);
	if((c <= e && c >= b)) {
		return true;
	}
	return false;
}


        function date_diff()
{
        var fechaInicio = document.getElementById("fechaInicio").value;
        var fechaInicio = fechaInicio.substr(3, 2)+"/"+fechaInicio.substr(0, 2)+"/"+fechaInicio.substr(6, 4);
        var fechaFin= document.getElementById("fechaFin").value;
        var fechaFin = fechaFin.substr(3, 2)+"/"+fechaFin.substr(0, 2)+"/"+fechaFin.substr(6, 4);
        var date1=new Date(fechaInicio.toString());
        var date2=new Date(fechaFin.toString());
        //var date1=new Date('05/13/2010');

        //var date2=new Date('05/05/2010');
        var oneDay=1000*60*60*24;
        return Math.ceil((date2.getTime()-date1.getTime())/oneDay);
}



    </script>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Font_Text.css" />
        <link type="text/css" rel="stylesheet" href="lib/css/Style_PageTable.css" />
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Index.css" />
        <link rel="stylesheet" type="text/css" media="all" href="lib/css/calendar-win2k-cold-1.css" title="win2k-cold-1" />


        <title>JSP Page</title>
    </head>
<body onload="mostrarTabla()">
<center>
<h1>Tareas por Actividad Estrat&eacute;gica</h1>
</center>
    <div style="overflow: auto; width: 700px; height: 400px">
<html:form action="PEI.do?dispatch=ingresarMetaFinanciera" 	styleId="PEIForm">
	<html:hidden property="codTActividad" styleId="fkAct" />
        <html:hidden property="opcion" styleId="opcion" value="1" />
	<html:hidden property="pk" styleId="pk" value="0" />


          <!--Ini agregado 1-->
                           <html:hidden property="codObjBack" styleId="codObjBack"/>
                           <html:hidden property="codObjEspBack" styleId="codObjEspBack"/>
                            <html:hidden property="descObjBack" styleId="descObjBack"/>
                           <html:hidden property="descObjEspBack" styleId="descObjEspBack"/>
                           <html:hidden property="finicio" styleId="finicio" />
                            <html:hidden property="ffin" styleId="ffin" />
          <!--Fin agregado 1-->


	<TABLE border="1" align="center" cellspacing="0">
            <html:hidden property="presupuesto" styleId="presupuesto" />
                <TR>
			<TD>Presupuesto</TD>
                        <TD><html:text property="presupActPer" styleId="presupActPer" disabled="true"/></TD>

                </TR>
		<TR>
			<TD>Objetivo Estrat&eacute;gico</TD>
                        <TD><html:textarea  styleId="descObj" property="descObj"  disabled="true" rows="5" cols="50"/></TD>
		</TR>
		<TR>
			<TD>Objetivo Espec&iacute;fico</TD>
			<td>
                            <html:textarea  styleId="descObjEsp" property="descObjEsp"  disabled="true" rows="5" cols="50"/></td>
		</TR>
		<TR>
			<TD>Actividad Estrat&eacute;gica</TD>
                        <td><html:textarea  styleId="descActPer" property="descActPer"  disabled="true" rows="5" cols="50"/></td>
		</TR>
              
            </TABLE>
            <table border="1" align="center" cellspacing="0">
                <TR>
                    <TD>Tarea:</TD>
                    <TD><html:textarea property="descTActividad" styleId="tarea" rows="5" cols="50" onkeydown="return contar(this.value,event)" onkeyup="return contar(this.value,event)"/>
                        <input type="text" size="2" id="contador"  />
                        <label style="color: #990033" >  Maximo 250 caracteres</label>
                        <br>
                        <br>
                    </TD>
                </TR>
                <TR>
                    <TD>Responsable</TD>
                    <TD><html:text property="respTActividad" styleId="responsable" /></TD>
                </TR>
                <TR>
                    <td colspan="2">
			Descripci&oacute;n
                        <html:text property="umTActividad" styleId="um" />
                        Cantidad
			<html:text property="cantTActividad" styleId="cantTActividad" onkeypress="eventoSoloNumeros()"/>
                        UM
                        <html:select property="tarea1TActividad" styleId="tipoN" >
                            <html:option value="-1">[--Seleccionar Tipo--]</html:option>
                            <html:option value="1">%</html:option>
                            <html:option value="2">N</html:option>
                        </html:select>
                    </td>
		</TR>
		
		<TR>
			<TD style="width: 150px">Fecha Inicio</TD>
			<TD style="width: 400px">
                    <html:text  styleId="fechaInicio" property="intareaTActividad" maxlength="400" readonly="true"/>
                                        <img src= "images/calendar.gif" alt="" name="trigger" id="trigger" title="Abrir Calendario" />


                    </TD>
		</TR>
		<TR>
			<TD style="width: 150px">Fecha Termino</TD>
			<TD style="width: 400px">
                    <html:text  styleId="fechaFin" property="fintareaTActividad" maxlength="400" readonly="true"/>
                                        <img src= "images/calendar.gif" alt="" name="trigger2" id="trigger2" title="Abrir Calendario" />
                    </TD>
		</TR>
                <TR>
			<TD style="width: 250px">Presupuesto</TD>
			<TD style="width: 400px"><html:text property="presupuestota" styleId="presupuestota" onkeypress="eventoSoloNumeros()"/>
                        <br>
                    <label style="color: red ">El monto no debe de pasar de 10 digitos enteros y  2 decimales.</label>
                        </TD>

		</TR>



            </table>



            <div id="divTabla" style="width:1000px">

            </div>


        </html:form>
        <script>
                                Calendar.setup(
                {
                  inputField  : "fechaFin",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger2"       // ID of the button
                }
                );
                    Calendar.setup(
                {
                  inputField  : "fechaInicio",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger"       // ID of the button
                }
                );
                            </script>
    </div>
    </body>
</html>